<template>
    <div class="About">
        <div class="hp_title">
            <h1>关于我们</h1>
        </div>

        <div class="content" v-html="info.content"></div>

        <div class="content" v-if="false">
            <p>
                洞健（https://www.dongjianpai.com
                ），是蔚蓝客于2021年12月推出的以人文本的“健康学习平台”，取“洞察健康”之意，志在一起洞察健康，重构健康认知，提升国民健康素养，人人可以“健康快乐到老”。
            </p>

            <dl class="ab_con">
                <dd>
                    <img src="../../assets/images/tucene1.png" alt="" />
                </dd>
                <dt>
                    <ul>
                        <li>
                            <h1>我们的定位</h1>
                            <h2>以人为本的健康知识服务平台</h2>
                            <h3></h3>
                        </li>
                        <li>
                            <h1>我们的口号</h1>
                            <h2>一起洞察健康</h2>
                        </li>
                        <li>
                            <h1>我们的使命</h1>
                            <h2>重构健康认知，提升全民健康素养</h2>
                        </li>
                        <li>
                            <h1>我们的愿景</h1>
                            <h2>健康快乐到老</h2>
                        </li>
                        <li>
                            <h1>我们的价值观</h1>
                            <h2>
                                忠于自己、忠于公司、忠于客户，成就最好的自己
                            </h2>
                        </li>
                    </ul>
                </dt>
            </dl>

            <h4>洞健可以提供什么服务？</h4>

            <p>
                洞健，旨在汇集全方位健康资源，为全民提供不同需求的健康知识。现诚邀医生、护士、药师、营养师、心理咨询师、健康管理师等健康专业人士，医院、诊所、药企、药店、体检机构、互联网医疗企业、健康管理企业等致力于健康事业的组织机构，以及自媒体人（非健康专业背景但具有健康洞察能力和经验的内容创作者），为大众提供以人为本的健康，为健康中国之“治未病”迈出最基础的一小步。今天的一小步，未来的一大步。洞健初创，百岗待兴，海纳人才，欢迎“相信人生而有使命，并有志于健康事业”的有识之士，加入我们，从洞健开始，携手共创远大未来。
            </p>

            <h4>洞健有哪些功能？</h4>

            <p>人人拥有浏览、点赞、收藏、评论权限。</p>

            <br />

            <p>
                如果你是健康专业或者拥有资质的健康专家，健康机构，那么可以申请“洞健号”认证，通过后将拥有“发布图文、发布短文、创建话题”的权限。
            </p>
            <br />
            <p>
                如果你是健康机构的从业人员，即便你没有健康专业资质，也可以申请“短文号”认证，通过后可以“发布短文，创建话题”。
            </p>

            <div class="hp_title">
                <h1>关于公司</h1>
            </div>

            <p>
                蔚蓝客（www.weleker.com）成立于2016年，将“特劳特定位”理论与和君商学院院长王明夫先生“市值管理理论”以及“价值传播4R理论”相结合，创新性应用于公关领域，形成“战略公关”理念和“三维定位”方法论，从原点出发，推动“公关”从战术到战略的思维升级。
            </p>

            <br />

            <p>
                蔚蓝客（weleker）源自英文welike，是公司创始人对生活的感悟：喜欢你的喜欢，热爱你的热爱，follow
                your
                heart，遵从内心！蔚蓝客代表有思想、有理想、执着于内心喜欢和热爱的人！我们不care年龄、学历、荣誉，我们勇者无惧，一往无前，
                Always
                up！我们为爱付出，为爱服务！正能量犹如“蔚蓝晴空”之于我们这个时代的价值和力量。
            </p>

            <br />

            <p>
                蔚蓝客起于媒体公关，定位战略公关，擅长咨询策划，在客户服务中发现新的商业模式，几经打磨即将推出洞健康学习平台，向未来伟大商业模式迈出了一小步，现邀有理想有抱负有远见的各类人才加入我们，共赢未来。
            </p>

            <div class="hp_title">
                <h1>人才招聘</h1>
            </div>

            <ul class="rencai">
                <li>
                    <h6>
                        <img src="../../assets/images/tucene2.png" alt="" />
                    </h6>
                    <h5>策划</h5>
                </li>
                <li>
                    <h6>
                        <img src="../../assets/images/tucene3.png" alt="" />
                    </h6>
                    <h5>策划</h5>
                </li>
                <li>
                    <h6>
                        <img src="../../assets/images/tucene4.png" alt="" />
                    </h6>
                    <h5>策划</h5>
                </li>
                <li>
                    <h6>
                        <img src="../../assets/images/tucene5.png" alt="" />
                    </h6>
                    <h5>策划</h5>
                </li>
                <li>
                    <h6>
                        <br />
                        ... <br />
                        全职、专职、合伙<br />
                        合作伙伴等形式<br />
                        欢迎来投
                    </h6>
                </li>
            </ul>

            <ul class="youxiang">
                <li>邮箱：hr@weleker.com mayj@weleker.com</li>
                <li>电话：010-69298993</li>
                <li>手机：13269673391</li>

                <li>地址：北京市大兴区波谱公社3号楼南门807</li>
                <li>网址：https://www.dongjianpai.com</li>
            </ul>
        </div>
    </div>
</template>

<script>
import { axiosGet } from '../../server/axios';
export default {
    name: 'AbOut',
    props: {
        msg: String,
    },
    data() {
        return {
            info: {},
        };
    },
    mounted() {
        this.getDetial();
    },
    methods: {
        getDetial() {
            axiosGet(`/api/content/about_us`, {}, (res) => {
                console.log(res.data);
                if (res.code != 'ok') {
                    this.$notify({
                        title: '警告',
                        message: res.msg,
                        type: 'warning',
                    });
                }
                this.info = res.data;
            });
        },
    },
};
</script>
<style scoped lang="scss">
.hp_title {
    height: 58px;
    border-bottom: 2px solid #f6f6f6;
    margin-bottom: 20px;

    h1 {
        font-size: 18px;
        float: left;
        font-family: Source Han Sans SC VF;
        font-weight: 400;
        color: #312d24;
        height: 58px;
        line-height: 58px;
        padding: 0 24px;
        border-bottom: 2px solid #262626;
    }
}

.ab_con {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    padding: 20px;

    dd {
        width: 526px;
        max-height: 360;
        overflow: hidden;

        img {
            width: 100%;
        }
    }

    dt {
        width: 320px;
        height: 336px;
        ul {
            li {
                margin-top: 5px;
                overflow: hidden;
                h1 {
                    font-size: 20px;
                    font-family: Source Han Sans SC VF;
                    font-weight: 500;
                    color: #000000;
                    margin-top: 15px;
                }
                h2 {
                    font-size: 14px;
                    font-family: Source Han Sans SC VF;
                    font-weight: 400;
                    margin: 2px 0;
                    color: #787878;
                }
                h3 {
                    width: 184px;
                    height: 2px;
                    background: #262626;
                }
            }
        }
    }
}

.rencai {
    li {
        float: left;
        margin: 26px;
        width: 130px;
        h6 {
            height: 130px;
            width: 130px;
            overflow: hidden;
            font-size: 16px;
            font-family: Source Han Sans SC VF;
            font-weight: 400;
            line-height: 26px;
            color: #787878;
            img {
                width: 100%;
            }
        }

        h5 {
            text-align: center;
            font-size: 16px;
            font-family: Source Han Sans SC VF;
            font-weight: 400;
            color: #787878;
            margin-top: 15px;
        }
    }
}

.youxiang {
    width: 800px;
    margin-left: 76px;
    padding-bottom: 30px;
    overflow: hidden;

    li {
        width: 400px;
        float: left;
        font-size: 16px;
        font-family: Source Han Sans SC VF;
        font-weight: 400;
        color: #787878;
        line-height: 30px;
    }
}

.content {
    p {
        text-indent: 2em;
        font-size: 16px;
        font-family: Source Han Sans SC VF;
        font-weight: 400;
        color: #787878;
        line-height: 30px;
        padding: 0 30px;
    }

    h4 {
        font-size: 18px;
        font-family: Source Han Sans SC VF;
        font-weight: 400;
        color: #000000;
        margin-top: 30px;
        margin-bottom: 19px;
        padding: 0 30px;
    }
}
</style>
